<!--{template common/header}-->
<!--[name]关于我们[/name]-->
<!--{eval $wheresql = category_get_wheresql($cat);}-->
<!--{eval $list = category_get_list($cat, $wheresql, $page);}-->
<!--{eval require DISCUZ_ROOT.'./template/xiaoyu_com/portal/portal_viewnum.php';}-->

<!--{ad/text/wp a_t}--> 

<style id="diy_style" type="text/css"></style>
<style>.xiaoyu_wp{ width:100%}body{ background:#f4f6f5}</style>
<style>
.imgcenter{ text-align:center; margin:20px auto 0;}
.aboutbanner{position:relative;background-position:center center;background-size:cover;background-repeat:no-repeat;}
.aboutbanner .mfwp{position:absolute;height:100%;top:0;left:0;}
.aboutbanner .abouttitlef{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);left:15px;}
.aboutbanner .abouttitlef h2{color:#FFFFFF;}
.aboutbanner .abouttitlef span{color:#FFFFFF;}
.mainbox4Con{padding:0 6.5%;position:relative;z-index:1;}
.abouttitlef{float:left;line-height:36px;text-align:left; }
.abouttitlef h2{font-size:26px;color:#222222;transform:translateY(-100px);-webkit-transform:translateY(-100px);opacity:0;transition:all 0.3s ease-out 0.5s;-webkit-transition:all 0.3s ease-out 0.5s; width:120px;}
.abouttitlef span{font-size:14px;color:#888888;font-family:'moreFont';text-transform:uppercase;display:block;padding-bottom:15px;}
.abouttitline{display:block;width:50px;height:2px;background:#e74c3c;font-size:0;}
.active .abouttitlef h2{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.aboutwzbgbox{font-size:14px;color:#777777;line-height:28px;}
.aboutwzbg{background:#FFFFFF;padding:50px 0;}
.aboutwzbg1{background:#FFFFFF;padding:50px 0;}
.gray{background:#f5f5f5;}
.aboutwzbg img{max-width:100%;}
.onepageH3{font-size:24px;color:#ce0000;line-height:28px;padding-bottom:20px;}
.onepageH3 span{font-size:26px;font-family:Verdana, sans-serif;text-transform:uppercase;}
.onepageH4{font-size:18px;color:#010101;line-height:28px;}
.onepageBotItem{font-size:0;margin:0 -10px;}
.onepageBotItem li{padding:0 10px 10px;}
@media (min-width:768px){.aboutbanner .mfwp{margin-left:-375px;left:50%;}}
@media (min-width:992px){.aboutbanner .mfwp{margin-left:-485px;}}
@media (min-width:1200px){.aboutbanner .mfwp{margin-left:-585px;}}
@media (max-width:1600px){.mainTit{line-height:28px;}
.mainbox2Right{padding:86px 8% 0;}
.mainbox3Brief{margin:10px 0 30px;}
.abouttitlef{line-height:26px;}
.abouttitlef span{padding-bottom:5px;}
.mainbox4List{margin-top:25px;}
.mainbox4Time{font-size:28px;line-height:28px;margin:15px 0 5px;}
.mainbox4Brief{margin:0 0 10px;}
.mainbox5List{margin-top:25px;}
.mainbox5Text{height:52px;padding:14px 58px 14px 15px;}
.mainbox5Text h3{line-height:24px;font-size:14px;}
.mainbox5Ico{top:14px;}}
@media (max-width:1400px){.mainbox1Bot{padding:20px 5%;}
.mainTit h2{font-size:22px;}
.mainbox2LeftTit{font-size:26px;}
.mainbox2Ico{width:140px;height:210px;margin-left:-70px;margin-top:-65px;}
.mainbox2RigCon{margin:0 0 15px;}
.abouttitlef h2{font-size:22px;}
.mainbox4H3{font-size:14px;line-height:28px;}}
@media (max-width:1367px),(max-height:769px){.mainbox3Bot{padding:100px 0 25px;}}
@media (max-width:1200px){.mainbox1{padding:0 15px;}
.mainbox1Bot{padding:20px 1%;}
.mainbox1BotCon1{padding:20px 30px 10px 10px;}
.mainbox1BotCon2{padding:20px 20px;}
.mainbox1BotCon3{padding:20px 15px;}
.active .mainbox2LeftTit{transform:scale(0.8);-webkit-transform:scale(0.8);}
.mainbox2Ico{width:100px;height:150px;margin-left:-50px;margin-top:-35px;}
.mainbox2Ico img{max-width:60%;}
.mainbox2Right{padding:86px 6% 0;}
.mainbox2RigCon{max-height:288px;}
.mainbox5Text{height:42px;padding:10px 38px 10px 15px;width:94%;left:3%;}
.mainbox5Text h3{line-height:22px;}
.mainbox5Ico{top:10px;height:22px;font-size:14px;}
.mainbox5Link:hover .mainbox5Text{bottom:4%;}
.mainbox5Link:hover .mainbox5Ico{right:10px;}
.onepageBotItem{margin:0 -5px;}
.onepageBotItem li{width:33.33%;padding:0 5px;}}
@media (max-width:1023px) and ( min-width:993px){nav.navbar.bootsnav.menu-center ul.nav.navbar-center{float:none;margin:0 auto;display:table;table-layout:fixed;left:20px;}
nav.navbar.bootsnav ul.nav > li > a{margin:0 1px;}}
@media (max-width:1023px){.navRig{margin-right:0;}}
@media (max-width:1200px) and ( min-width:992px){}
@media (max-width:992px) and ( min-width:767px){}
@media (max-width:992px){.banner{padding-top:56px;padding-bottom:360px;}
.mainbox1Bot{height:360px;}
.mainbox1BotCon1{float:none;width:100%;padding:0 15px;}
.mainbox1BotCon2{float:none;width:100%;padding:15px;border:none;min-height:0;}
.mainbox1BotCon3{float:none;width:100%;padding:0 15px 0 30px;}
.mainbox2Left{padding-top:56px;width:100%;height:30%;}
.mainbox2Right{padding:10px 15px 0;width:100%;height:70%;top:30%;}
.mainbox2RigCon{letter-spacing:0;}
.mainbox2Ico{display:none;}
.mainTitIco{line-height:normal;}
.mainbox3 .mfwp{padding-top:56px;}
.main_box{padding-top:56px;}
.mainbox4Btn{display:block;}
.mainbox6Con{padding-top:56px;}
.mainbox6Con .abouttitlef{width:30px;}
.mainbox6Con .abouttitlef span{display:none;}
.mainbox6Num{font-size:40px;}
.mainbox6RigIco img{padding:10px;}
#navPage{display:none;}
.aboutbanner{height:280px;}
.aboutbanner img{display:none;}
.mainTop{padding-top:56px;}
.mainTopCon{padding:20px 0 10px;}
.breadcrumbCon,.classify{float:none;}
.classify li{padding-bottom:10px;}
.classify li a{min-width:86px;}
.aboutwzbg{padding:30px 0;}
.aboutwzbg1{padding:30px 0;}
.onepageH3{font-size:20px;}
.onepageH3 span{font-size:22px;}
.onepageH4{font-size:16px;}
.commonwealTit{font-size:24px;}
.commonwealH4{font-size:20px;}
.commonwealH4 img{max-width:30px;}}
@media (max-width:767px){.banner{padding-top:56px;padding-bottom:348px;}
.mainbox1Bot{height:348px;}
.mainbox1Con3num{font-size:32px;line-height:32px;}
.mainbox2LeftTit span:after, .mainbox2LeftTit span:before{display:none;}
.mainbox3Brief{font-size:14px;}
.mainbox3Bot{margin-top:25px;}
.mainbox3BotList{padding:0 10px;}
.mainbox3Bot{padding:30px 0 15px;}
.mainbox3BotCon{width:120px;height:120px;}
.mainbox3BotCon img{max-width:36px;}
.mainbox3BotCon:after{top:0;}
.mainbox4{background-image:url(images/mainbox4bgm.jpg);}
.mainbox5Img img{transform:scale(1);-webkit-transform:scale(1);}
.mainbox5Bg{top:-100%;}
.mainbox5Text{bottom:4%;}
.mainbox5Text h3{transform:translateX(0);-webkit-transform:translateX(0);}
.mainbox5Ico{right:10px;}
.aboutbanner{height:240px;}
.aboutbanner .mfwp{width:100%;}}
@media (max-width:640px){.banner{padding-top:47px;}
.banImg1{width:36%;left:10%;}
.banImg2{width:28%;left:43%;}
.mainTop{padding-top:47px;}
.mainTit h2{font-size:18px;}
.active .mainbox2LeftTit{transform:scale(0.6);-webkit-transform:scale(0.6);}
.mainbox2RigCon{line-height:26px;max-height:208px;}
.mainbox3 .mfwp{padding-top:47px;}
.mainbox3Brief{line-height:26px;max-height:130px;margin:5px 0 15px;}
.mainbox3Bot{padding:30px 0 5px;}
.mainbox3BotList{margin:0 -2px;}
.mainbox3BotList li{padding:0 2px 4px;}
.mainbox3BotCon{width:100%;height:auto;padding:15px 0;}
.mainbox3BotCon h3{font-size:12px;}
.mainbox3botBg{display:none;}
.main_box{padding-top:47px;}
.abouttitlef{float:none;padding-bottom:10px;line-height:22px;}
.abouttitlef h2{font-size:18px;}
.abouttitlef span{padding-bottom:5px;}
.mainbox4TitRig{float:none;text-align:left;}
.mainbox4TitRig li{padding:0 10px 0 0;}
.mainbox4TitRig li a{padding:0 10px;}
.mainbox4TitRig li:last-child{padding-right:0;}
.mainbox4TitRig li:last-child a{width:100px;}
.mainbox4TitRig li:last-child a:hover{padding:0 10px;}
.mainbox4TitRig li:last-child a:hover i{margin-left:20px;}
.mainbox4List{margin-top:15px;}
.mainbox4Btn i{font-size:40px;}
.mainbox4Prev{left:-20px;}
.mainbox4Next{right:-20px;}
.mainbox4Bg{display:none;}
.mainbox5List{margin-top:15px;}
.mainbox6Con{padding-top:47px;}
.mainbox6RigBrief p{display:none;}
.mainbox6RigBrief p:nth-child(1){display:block;}
.mainbox6ListCon li{border-bottom:1px solid #d8d8d8;}
.mainbox6ListCon li a{padding-left:30px;}
.mainbox6Rig{border-left:none;}
.mainbox6Num{font-size:24px;}
.mainbox6Num:after{display:none;}
.mainbox6Rig{width:60%;padding-left:5px;}
.mainbox6RigIco{display:none;}
.mainbox6RigCon{padding-left:10px;}
.mainbox6RigCon h3{font-size:14px;padding:5px 0;}
.mainbox6More{font-size:12px;}
.mainbox6ListCon li a:hover .mainbox6More{transform:translateX(5px);-webkit-transform:translateX(5px);}
.footerShare{display:none;}
.aboutbanner{height:200px;}
.onepageBotItem li{width:100%;}
.onepageBotItem li img{margin:0 auto;}}
@media (max-width:460px){.mainbox4Time{display:none;}
.mainbox4H3{padding-top:5px;}
.mainbox6More i{display:none;}
.aboutbanner{height:180px;}
.onepageH3 span{display:block;}
.commonwealList li{width:100%;}}
@media (max-width:760px) and ( max-height:420px){}
@media (max-width:360px){.mainbox2RigCon{max-height:182px;}
.aboutbanner{height:160px;}
.contactWxL{width:100px;}
.regLef{padding:15px;}
.regRig{height:140px;}
.caseBotImg{height:60px;}
.caseBotPrev, .caseBotNext{background-size:15px;}}
@media (max-width:320px){.banner{padding:47px 0 310px;}
.mainbox1Bot{padding:10px 1%;height:310px;}
.mainbox1BotH3{padding-bottom:5px;font-size:13px;}
.mainbox1BotCon3 h3{font-size:13px;}
.mainbox1Con3num{height:28px;line-height:28px;}}
@media (max-height:414px){.banner{padding:47px 0 0;}
.banner .swiper-mfwp{display:none;}
.mainbox1Bot{position:static;}
.mainbox1Con1Text{display:none;}
.mainbox1BotCon2{padding-top:0;}
.mainbox2Left{display:none;}
.mainbox2Right{top:0;height:100%;padding-top:47px;}
.mainbox2RigCon{line-height:24px;max-height:96px;}
.mainbox3BotList{display:none;}
.mainbox3botBg{display:none;}
.mainbox3Brief{line-height:24px;max-height:96px;}
.mainbox4Img,.mainbox4Time,.mainbox4Brief{display:none;}
.mainbox5Img{display:none;}
.mainbox5Text{position:static;width:100%;}
.mainbox6RigCon{padding-left:0;}
.mainbox6RigIco{display:none;}
.mainbox6RigCon h3{font-size:14px;padding-bottom:3px;}
.mainbox6RigBrief p{display:none;}
.mainbox6RigBrief p:nth-child(1){display:block;}}
@media (max-height:240px){.mainbox1BotCon2{padding-bottom:0;}
.mainbox1Con2List li{display:none;}
.mainbox1Con3{padding:5px 0;}
.mainbox2RigCon{max-height:48px;}
.mainbox3Brief{max-height:48px;}
.mainbox6RigBrief{display:none;}}
</style>
<div class="wp mfwp">
	<!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]-->
</div>
  <!--[diy=diydd]--><div id="diydd" class="area"></div><!--[/diy]-->

<!--{template common/footer}-->


